<template>
  <div class="app-container">
    <div class="topDiv">
      <div>
        <p class="title">
          <img src="@/assets/img/ptsz.png" alt style="height: 17px" />
          <!-- <img
            src="https://img0.baidu.com/it/u=384452397,1089369801&fm=26&fmt=auto&gp=0.jpg"
            alt
          /> -->
          <span>租户设置</span>
        </p>
        <div class="toggleTitleArrBox">
          <div
            v-for="(item, index) in toggleTitleArr"
            :key="index"
            class="toggleTitleArr_name_Box"
            @click="toggleTitleArrButton(item)"
          >
            <span
              :class="toggleTitleShow == item.id ? 'toggleTitleArr_name' : ''"
            >
              {{ item.name }}</span
            >
          </div>
        </div>

        <div class="xhxBox"></div>

        <div v-show="toggleTitleShow == 1">
          <div class="jcstyleBox">
            <el-form
              ref="elForm"
              :model="form"
              label-width="130px"
              style="margin-top: 20px"
              :rules="rules"
            >
              <el-row
                style="
                  border-bottom: 1px #eee solid;
                  margin-bottom: 30px;
                  padding-bottom: 10px;
                "
              >
                <el-col :span="12">
                  <el-form-item label="租户名称" prop="partnerName">
                    <el-input
                      v-model.trim="form.partnerName"
                      placeholder="请输入租户名称"
                      maxlength="20"
                      show-word-limit
                      clearable
                      :style="{ width: '80%' }"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="进入模式配置" prop="field101">
                    <el-select
                      v-model="form.field101"
                      placeholder="请选择进入模式配置"
                      clearable
                      class="inputWidth"
                      :style="{ width: '80%' }"
                    >
                      <el-option
                        v-for="(item, index) in field101Options"
                        :key="index"
                        :label="item.label"
                        :value="item.value"
                        :disabled="item.disabled"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <!-- <el-form-item label="默认费率设置" prop="field102">
                    <el-input
                      v-model.trim="form.field102"
                      placeholder="请输入默认费率设置"
                      clearable
                      maxlength="4"
                      show-word-limit
                      class="inputWidth"
                    >
                    </el-input>
                  </el-form-item> -->
                  <!-- <el-form-item label="提现账户设置" prop="field103">
                    <el-cascader
                      v-model="form.field103"
                      :options="field103Options"
                      :props="field103Props"
                      placeholder="点击查看"
                      class="inputWidth"
                    
                    ></el-cascader>
                  </el-form-item> -->

                  <el-form-item label="是否实名认证" prop="field104">
                    <el-select
                      class="inputWidth"
                      v-model="form.field104"
                      placeholder="请选择是否实名认证"
                      :style="{ width: '80%' }"
                      clearable
                    >
                      <el-option
                        v-for="(item, index) in Realame"
                        :key="index"
                        :label="item.label"
                        :value="item.value"
                        :disabled="item.disabled"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row
                style="
                  border-bottom: 1px #eee solid;
                  margin-bottom: 30px;
                  padding-bottom: 10px;
                "
              >
                <el-col :span="12">
                  <el-form-item label="租户LOGO">
                    <el-upload
                      class="upload-demo"
                      :action="actionUrl()"
                      :on-change="handleChange"
                      :on-remove="handleRemove"
                      :file-list="fileList"
                      :auto-upload="false"
                      accept=".jpg,.png,.jpeg,JPG,JPEG"
                      list-type="picture"
                      :style="{ width: '80%' }"
                    >
                      <el-button type="primary">点击上传</el-button>
                      <div slot="tip" class="el-upload__tip">
                        只能上传jpg/png文件，且不超过500kb
                      </div>
                    </el-upload>
                  </el-form-item>
                </el-col>

                <el-col :span="12">
                  <el-form-item label="登录页背景图">
                    <el-upload
                      class="upload-demo"
                      :action="actionUrl()"
                      :on-change="handleChange1"
                      :on-remove="handleRemove1"
                      :file-list="fileList1"
                      :auto-upload="false"
                      list-type="picture"
                      accept=".jpg,.png,.jpeg,JPG,JPEG"
                      :style="{ width: '80%' }"
                    >
                      <el-button type="primary">点击上传</el-button>
                      <div slot="tip" class="el-upload__tip">
                        只能上传jpg/png文件，且不超过500kb
                      </div>
                    </el-upload>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row
                style="
                  border-bottom: 1px #eee solid;
                  margin-bottom: 30px;
                  padding-bottom: 10px;
                "
              >
                <el-col :span="12">
                  <!-- <el-form-item label="租户简介">
                    <el-input
                      v-model.trim="form.partnerJianjie"
                      show-word-limit
                      placeholder="请输入租户简介"
                      maxlength="300"
                      clearable
                      class="inputWidth"
                    ></el-input>
                  </el-form-item> -->
                  <el-form-item label="租户状态">
                    <el-radio-group v-model="form.partnerState">
                      <el-radio :label="0">开启</el-radio>
                      <el-radio :label="1">关闭</el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <!-- <el-form-item label="" v-show="form.partnerState=='1'"> -->
                <div
                  v-if="form.partnerState == '1'"
                  style="width: 1000px; height: 450px"
                >
                  <quill-editor
                    ref="text"
                    v-model="richText.PartnerContent"
                    style="height: 300px; width: 89%"
                    :options="editorOption"
                  >
                  </quill-editor>
                </div>

                <el-col :span="12">
                  <el-form-item label="提现状态">
                    <el-radio-group v-model="form.withdrawState">
                      <el-radio :label="0">开启</el-radio>
                      <el-radio :label="1">关闭</el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <!-- <el-form-item label="" v-show="form.partnerState=='1'"> -->
                <div
                  v-if="form.withdrawState == '1'"
                  style="width: 1000px; height: 450px"
                >
                  <quill-editor
                    ref="text"
                    v-model="richText.withdrawContent"
                    style="height: 300px; width: 89%"
                    :options="editorOption"
                  >
                  </quill-editor>
                </div>
                <el-col :span="12">
                  <el-form-item label="是否开启层级关系">
                    <el-radio-group v-model="form.level">
                      <el-radio :label="0">开启</el-radio>
                      <el-radio :label="1">关闭</el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
                <!-- </el-form-item> -->
              </el-row>

              <!-- <el-form-item label="后台风格设置1">
                    <el-select
                      class="inputWidth"
                      v-model="form.partnerStyleId"
                      placeholder="请选择后台风格"
                      clearable
                    >
                      <el-option label="风格一" value="shanghai"></el-option>
                      <el-option label="风格二" value="beijing"></el-option>
                    </el-select>
                  </el-form-item> -->
              <el-row
                style="
                  border-bottom: 1px #eee solid;
                  margin-bottom: 30px;
                  padding-bottom: 10px;
                "
              >
                <el-form-item label="后台登录地址">
                  <el-input
                    clearable
                    disabled
                    v-model.trim="url"
                    style="margin-right: 5px; width: 60%"
                  ></el-input>
                  <el-button
                    type="primary"
                    class="btn"
                    :data-clipboard-text="url"
                    @click="copyLink2('.btn')"
                  >
                    复制
                  </el-button>
                </el-form-item>
              </el-row>

              <!-- <el-form-item label="APP登录地址" prop="field110">
                    <template>
                      <el-input
                        clearable
                        disabled
                        v-model.trim="AppUrl"
                        style="margin-right: 5px; width: 85%"
                      ></el-input>
                         <el-button
                      type="primary"  
                        class="appbtn"
                        :data-clipboard-text="AppUrl"
                        @click="copyLink2('.appbtn')"
                    >
                      复制
                    </el-button>
                    
                     
                    </template>
                  </el-form-item> -->
            </el-form>
            <div class="jcszBox_bottom">
              <el-button type="primary" @click="submitForm" style="width: 100px"
                >确定</el-button
              >
            </div>
          </div>
        </div>

        <div
          class="APP_Box"
          style="padding-bottom: 10vh"
          v-show="toggleTitleShow == 3"
        >
          <div class="APP_Box_img">
            <div
              v-for="(item, index) in imgurl"
              :key="index"
              class="APP_Box_img_box"
            >
              <div class="titmeBox">
                {{ item.name }}
              </div>
              <div class="titme_img_Box">
                <img :src="imgurl[index].src" alt="" class="poImg" />
              </div>

              <!-- <el-image
                    class="poImg"
                    :src="imgurl[index].src"
                    :preview-src-list="imgurl"
                  >
                  </el-image> -->
              <div
                style="
                  margin-top: 50px;
                  display: flex;
                  justify-content: center;
                  align-content: center;
                "
              >
                <span
                  style="
                    margin: 0 auto;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                  "
                >
                  <el-input
                    clearable
                    disabled
                    v-model.trim="item.url"
                    :id="item.id"
                    style="width: 70%; margin-right: 5px"
                  ></el-input>
                  <el-button
                    type="primary"
                    :class="item.class"
                    :data-clipboard-text="item.url"
                    @click="copyLink2('.' + item.class)"
                  >
                    复制
                  </el-button>
                </span>
              </div>
            </div>
          </div>
          <div></div>
        </div>

        <div style="auto" v-show="toggleTitleShow == 5">
          <!-- 关于我们 -->
          <div style="width: 60%">
            <div class="protocol_titlem_Box">关于我们</div>
            <quill-editor
              ref="text"
              v-model="content"
              style="height: 350px; padding-bottom: 65px; width: 100%"
              :options="editorOption"
              @change="onEditorChange($event)"
            >
            </quill-editor>
            <span
              style="text-align: right; padding-top: 100px"
              class="TiLengthBoxText"
              >{{ TiLength }}/9999</span
            >
            <div class="protocol_button_Box">
              <el-button type="primary" @click="submitButton"
                >保存关于我们</el-button
              >
            </div>
          </div>
          <!-- 用户协议 -->
          <div style="width: 60%">
            <div class="protocol_titlem_Box">用户协议</div>
            <quill-editor
              ref="text"
              v-model="UserAgreement.content"
              style="height: 350px; padding-bottom: 65px; width: 100%"
              :options="editorOption"
              @change="onEditorChange1($event)"
            >
            </quill-editor>
            <span
              style="text-align: right; padding-top: 100px"
              class="TiLengthBoxText"
              >{{ TiLength1 }}/9999</span
            >
            <div class="protocol_button_Box">
              <el-button
                type="primary"
                @click="saveProtocolButton('用户协议', UserAgreement)"
                >保存用户协议</el-button
              >
            </div>
          </div>
          <!-- 平台使用协议 -->

          <div style="width: 60%">
            <div class="protocol_titlem_Box">平台使用协议</div>
            <quill-editor
              ref="text"
              v-model="PlatformUsage.content"
              style="height: 350px; padding-bottom: 65px; width: 100%"
              :options="editorOption"
              @change="onEditorChange2($event)"
            >
            </quill-editor>
            <span
              style="text-align: right; padding-top: 100px"
              class="TiLengthBoxText"
              >{{ TiLength2 }}/9999</span
            >
            <div class="protocol_button_Box">
              <el-button
                type="primary"
                @click="saveProtocolButton('平台使用协议', PlatformUsage)"
                >保存平台使用协议</el-button
              >
            </div>
          </div>

          <!-- 免责声明 -->
          <div style="width: 60%">
            <div class="protocol_titlem_Box">免责声明</div>
            <quill-editor
              ref="text"
              v-model="Disclaimer.content"
              style="height: 350px; padding-bottom: 65px; width: 100%"
              :options="editorOption"
              @change="onEditorChange3($event)"
            >
            </quill-editor>
            <span
              style="text-align: right; padding-top: 100px"
              class="TiLengthBoxText"
              >{{ TiLength3 }}/9999</span
            >
            <div class="protocol_button_Box">
              <el-button
                type="primary"
                @click="saveProtocolButton('免责声明', Disclaimer)"
                >保存免责声明</el-button
              >
            </div>
          </div>
          <!-- 提现声明 -->
          <div style="width: 60%">
            <div class="protocol_titlem_Box">提现声明</div>
            <quill-editor
              ref="text"
              v-model="WithdrawalStatement.content"
              style="height: 350px; padding-bottom: 65px; width: 100%"
              :options="editorOption"
              @change="onEditorChange4($event)"
            >
            </quill-editor>
            <span
              style="text-align: rigth; padding-top: 100px"
              class="TiLengthBoxText"
              >{{ TiLength4 }}/9999</span
            >
            <div class="protocol_button_Box">
              <el-button
                type="primary"
                @click="saveProtocolButton('提现声明', WithdrawalStatement)"
                >保存提现声明</el-button
              >
            </div>
          </div>
        </div>

        <div v-show="toggleTitleShow == 4">
          <!-- tab-表格 -->
          <div style="margin: 20px 0px">
            <el-button type="primary" icon="el-icon-plus" @click="addProtocol"
              >新增</el-button
            >
            <div class="exportButton">
              <!-- <el-button
            icon="el-icon-upload2"
            @click="withdrawExport"
            style="margin-bottom: 10px; background: #f5f5f5"
            >导出</el-button
          > -->
            </div>
            <el-table
              :data="protocolDataList"
              v-loading="loading"
              style="margin-top: 10px"
              height="580"
              :header-cell-style="{
                background: '#FAFAFA',
                color: 'black',
                'font-size': 15 + 'px',
                'text-align': 'center',
              }"
            >
              <!-- <el-table-column type="selection" width="55" align="center" /> -->
              <el-table-column label="名称" prop="name" align="center" />
              <el-table-column label="分类" prop="type" align="center" />
              <el-table-column
                label="内容"
                prop="content"
                align="center"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <span>{{ scope.row.content2 }}</span>
                </template>
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-edit"
                    @click="editprotocolDataListBotton(scope.row)"
                    >编辑</el-button
                  >
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-delete"
                    @click="delProtocolDataListBotton(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 分页插件 -->
          <pagination
            :total="protocolF.total"
            :page.sync="protocolF.pageNum"
            :limit.sync="protocolF.pageSize"
            @pagination="HelpCenter(toggleTitleShow)"
            style="margin-bottom: 50px"
          />
        </div>
        <div v-show="toggleTitleShow == 10">
          <!-- tab-表格 -->
          <div style="margin: 20px 0px">
            <el-button type="primary" icon="el-icon-plus" @click="addProtocol"
              >新增</el-button
            >
            <div class="exportButton">
              <!-- <el-button
            icon="el-icon-upload2"
            @click="withdrawExport"
            style="margin-bottom: 10px; background: #f5f5f5"
            >导出</el-button
          > -->
            </div>
            <el-table
              :data="protocolDataList"
              v-loading="loading"
              style="margin-top: 10px"
              height="580"
              :header-cell-style="{
                background: '#FAFAFA',
                color: 'black',
                'font-size': 15 + 'px',
                'text-align': 'center',
              }"
            >
              <!-- <el-table-column type="selection" width="55" align="center" /> -->
              <el-table-column label="名称" prop="name" align="center" />
              <el-table-column label="分类" prop="type" align="center" />
              <el-table-column
                label="内容"
                prop="content"
                align="center"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <span>{{ scope.row.content2 }}</span>
                </template>
              </el-table-column>

              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-edit"
                    @click="editprotocolDataListBotton(scope.row)"
                    >编辑</el-button
                  >
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-delete"
                    @click="delProtocolDataListBotton(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 分页插件 -->
          <pagination
            :total="protocolF.total"
            :page.sync="protocolF.pageNum"
            :limit.sync="protocolF.pageSize"
            @pagination="HelpCenter(toggleTitleShow)"
            style="margin-bottom: 50px"
          />
        </div>

        <div v-show="toggleTitleShow == 2">
          <!-- tab-表格 -->
          <div style="margin: 20px 0px">
            <el-button
              type="primary"
              icon="el-icon-plus"
              @click="addVersionShow"
              >新增版本</el-button
            >
            <div class="exportButton">
              <!-- <el-button
            icon="el-icon-upload2"
            @click="withdrawExport"
            style="margin-bottom: 10px; background: #f5f5f5"
            >导出</el-button
          > -->
            </div>
            <el-table
              :data="postList"
              v-loading="loading"
              style="margin-top: 10px"
              height="580"
              :header-cell-style="{
                background: '#FAFAFA',
                color: 'black',
                'font-size': 15 + 'px',
                'text-align': 'center',
              }"
            >
              <!-- <el-table-column type="selection" width="55" align="center" /> -->

              <el-table-column label="版本号" prop="version" align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.version }}</span>
                </template>
              </el-table-column>
              <el-table-column label="版本概述" prop="text" align="center" />
              <el-table-column label="分类" prop="type" align="center">
                <template slot-scope="scope">
                  <span v-show="scope.row.type == 'Android'">安卓</span>
                  <span v-show="scope.row.type != 'Android'">{{
                    scope.row.type
                  }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="文件地址"
                prop="versionUrl"
                align="center"
              />
              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-edit"
                    @click="editVersionBotton(scope.row)"
                    >编辑</el-button
                  >
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-delete"
                    @click="delVersionData(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 分页插件 -->
          <pagination
            :total="queryParams.total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="versionFinctin"
            style="margin-bottom: 50px"
          />
        </div>

        <div v-show="toggleTitleShow == 6">
          <el-row
            style="
              margin-top: 50px;
              margin-bottom: 5vh;
              display: flex;
              justify-content: center;
            "
          >
            <!-- <el-col :span="4" :offset="8">
              <img
                :src="require('../../../assets/images/basics3.png')"
                alt=""
              />
            </el-col> -->
            <el-col :span="4" :offset="0">
              <img
                :src="require('../../../assets/images/basics2.png')"
                alt=""
              />
            </el-col>
          </el-row>
          <div class="jxym_box">
            <div class="jxym_top_box">部署自有域名</div>
            <div class="jxym_center_box">
              <img src="@/assets/img/1607585734.png" alt="" />
              <img src="@/assets/img/1607585752.png" alt="" />
            </div>
            <div class="jxym_bottom_box">
              <div class="jxym_bottom_1_box">
                <div>
                  将您的PC域名主机CNAME方式解析到：【<span
                    style="color: rgb(24, 144, 255)"
                    >laxin.91weiduan.cn</span
                  >】
                </div>
                <div>
                  将您的APP域名主机CNAME方式解析到：【<span
                    style="color: rgb(24, 144, 255)"
                    >mm.91weiduan.cn</span
                  >】【<span style="color: rgb(24, 144, 255)"
                    >phone.91weiduan.cn</span
                  >】

                  <br />
                  <span
                    class="jxym_bottom_1_ckjc_box"
                    @click="getParsingTutorial"
                    >查看解析教程</span
                  >
                </div>
              </div>
              <div class="jxym_bottom_2_box">
                <img
                  src="@/assets/img/youjiantou.png"
                  alt=""
                  style="height: 17px"
                />
              </div>
              <div class="jxym_bottom_3_box">
                <div class="jxym_bottom_3_left_box">
                  <div>选择解析平台</div>
                  <div>
                    <el-select
                      v-model="DomainNamePlatformData"
                      placeholder="请选择解析平台"
                    >
                      <el-option
                        v-for="item in DomainNamePlatformArr"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </div>
                </div>
                <div class="jxym_bottom_3_rigth_box">
                  <div>将解析了的域名填写在检测框内</div>
                  <div class="jxym_bottom_3_rigth_input_box">
                    <el-input
                      placeholder="例如：laxin.91weiduan.cn"
                      v-model.trim="pcurl"
                      maxlength="300"
                      clearable
                      :disabled="detectShow"
                      style="width: 100%; margin-right: 10px"
                    >
                    </el-input>

                    <el-button
                      class="btn22"
                      type="primary"
                      @click="detectButton('PC')"
                      :disabled="detectShow"
                    >
                      检测
                    </el-button>
                  </div>
                </div>
              </div>
              <div class="jxym_bottom_4_box">
                <el-button
                  class="btn22"
                  type="primary"
                  @click="ParseDetectButton"
                  :disabled="detectShow2"
                >
                  保存已解析站点
                </el-button>
              </div>
            </div>
          </div>

          <el-row style="margin-top: 50px; margin-bottom: 5vh">
            <el-table
              :data="domainList"
              v-loading="loading"
              style="margin-top: 10px"
              :header-cell-style="{
                background: '#FAFAFA',
                color: 'black',
                'font-size': 15 + 'px',
                'text-align': 'center',
              }"
            >
              <el-table-column label="编号" prop="id" align="center" />
              <el-table-column label="域名" prop="domainName" align="center" />
              <el-table-column label="类型" prop="type" align="center" />
              <el-table-column
                label="备案类型"
                prop="filingInformationType"
                align="center"
              />
              <el-table-column
                label="备案号"
                prop="filingInformationNum"
                align="center"
              />
              <!-- <el-table-column
                label="https状态"
                prop="content"
                align="center"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <span>{{ scope.row.content2 }}</span>
                </template>
              </el-table-column> -->
              <el-table-column
                label="加入时间"
                prop="createTime"
                align="center"
              />
              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-delete"
                    @click="delDomainListBotton(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-row>
        </div>

        <div
          class="PC_Box"
          style="padding-bottom: 10vh"
          v-show="toggleTitleShow == 7"
        >
          <div class="APP_Box_img">
            <div
              v-for="(item, index) in PCimgurl"
              :key="index"
              :class="
                PCcheckedShow.id != item.id
                  ? 'APP_Box_img_box'
                  : 'APP_Box_img_box2'
              "
              @click="checked(item, index)"
            >
              <div class="titmeBox">
                {{ item.name }}
              </div>
              <div class="titme_img_Box">
                <img :src="item.src" alt="" class="poImg" />
              </div>
              <div class="PC_xzShow_Box">
                <span class="PC_xzShow_img_Box" v-show="item.show == 1"
                  ><img
                    src="@/assets/img/yxzybt.png"
                    alt=""
                    class="poImg"
                  />默认</span
                >
                <span class="PC_xzShow_img_Box" v-show="item.show != 1"
                  ><img src="@/assets/img/wxzybt.png" alt="" class="poImg"
                /></span>
              </div>
            </div>
          </div>

          <div class="PC_Box_Botton">
            <el-button
              type="primary"
              @click="PCstyleSetUp"
              :disabled="VersionButtonShow"
              >确定</el-button
            >
          </div>
        </div>

        <div v-show="toggleTitleShow == 8">
          <!-- <div>
            <el-button type="primary" @click="AddShortMessage">新增</el-button>
          </div> -->
          <div
            v-for="(item, index) in shortLetterArr"
            :key="index"
            class="shortLetter_Box"
          >
            <div class="shortLetter_name_Box">
              <div class="shortLetter_name_left_Box">
                <div class="shortLetter_name_img_Box"></div>
                <div class="shortLetter_name_text_Box">{{ item.smsName }}</div>
              </div>
              <!-- <div class="shortLetter_name_right_Box">
                <img
                  src="@/assets/img/hk.png"
                  alt=""
                  v-show="item.smsState=='启用'"
                  @click="shortLetterKH(item.smsState, index)"
                />
                <img
                  src="@/assets/img/hk2.png"
                  alt=""
                  v-show="item.smsState!='启用'"
                  @click="shortLetterKH(item.smsState, index)"
                />
              </div> -->
            </div>
            <div class="shortLetter_input_main_Box">
              <div
                class="shortLetter_input_Box"
                v-for="(item2, index2) in item.smsAccess"
                :key="index2"
              >
                <el-form ref="form" :model="item2" label-width="150px">
                  <el-form-item :label="item2.name">
                    <el-input
                      v-model="item2.param"
                      style="width: 30%"
                    ></el-input>
                  </el-form-item>
                </el-form>

                <el-form
                  ref="form"
                  label-width="150px"
                  v-if="index2 + 1 == item.smsAccess.length"
                >
                  <el-form-item label="">
                    <el-button
                      type="primary"
                      @click="AddShortMessageButton(item)"
                      >确定</el-button
                    >
                  </el-form-item>
                </el-form>
              </div>
            </div>
          </div>
        </div>

        <div v-show="toggleTitleShow == 9">
          <!-- tab-表格 -->
          <div style="margin: 20px 0px">
            <el-button
              type="primary"
              icon="el-icon-plus"
              @click="addShortLetterButton"
              >新增新模板</el-button
            >
            <div class="exportButton">
              <!-- <el-button
            icon="el-icon-upload2"
            @click="withdrawExport"
            style="margin-bottom: 10px; background: #f5f5f5"
            >导出</el-button
          > -->
            </div>
            <el-table
              :data="informationList"
              v-loading="loading"
              style="margin-top: 10px"
              height="580"
              :header-cell-style="{
                background: '#FAFAFA',
                color: 'black',
                'font-size': 15 + 'px',
                'text-align': 'center',
              }"
            >
              <!-- <el-table-column type="selection" width="55" align="center" /> -->

              <el-table-column
                label="模板名称"
                prop="smsTemplateName"
                align="center"
              >
                <template slot-scope="scope">
                  <span>{{ scope.row.smsTemplateName }}</span>
                </template>
              </el-table-column>
              <el-table-column label="服务商" prop="signName" align="center" />
              <el-table-column
                label="状态"
                prop="smsTemplateState"
                align="center"
              >
                <template slot-scope="scope">
                  <img
                    src="@/assets/img/hk.png"
                    @click="smsTemplateStateButton(scope.row)"
                    alt=""
                    v-show="scope.row.smsTemplateState == '启用'"
                  />
                  <img
                    src="@/assets/img/hk2.png"
                    @click="smsTemplateStateButton(scope.row)"
                    alt=""
                    v-show="scope.row.smsTemplateState == '禁用'"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="内容"
                prop="smsTemplateText"
                align="center"
              />
              <el-table-column
                label="测试发送"
                prop="smsTemplateText"
                align="center"
              >
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="primary"
                    :disabled="gain2.flag"
                    @click="sendGo(scope.row)"
                    >{{ gain2.title }}</el-button
                  >
                </template>
              </el-table-column>
              <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-edit"
                    @click="addShortLetterButton(scope.row)"
                    >编辑</el-button
                  >
                  <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-delete"
                    @click="delShortLetterButton(scope.row)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 分页插件 -->
          <pagination
            :total="queryParams.total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="ShortInformation"
            style="margin-bottom: 50px"
          />
        </div>
      </div>
    </div>
    <!-- 新增短信弹窗 -->
    <el-dialog
      title="新增短信"
      :visible.sync="AddShortMessageSummary"
      width="30%"
      center
    >
      <el-form
        ref="AddShortMessageData"
        :model="AddShortMessageData"
        :rules="AddShortMessageRules"
        size="medium"
        label-width="150px"
      >
        <el-form-item label="标题" prop="field101">
          <el-input
            maxlength="20"
            v-model.trim="AddShortMessageData.field101"
            placeholder="请输入标题"
            clearable
            :style="{ width: '80%' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="分类" prop="field102">
          <el-select
            v-model="AddShortMessageData.field102"
            placeholder="请选择"
            clearable
            :style="{ width: '80%' }"
          >
            <el-option
              v-for="item in ShortMessageOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <div v-if="AddShortMessageData.field102 == '阿里云'">
          <el-form-item label="Access Key ID" prop="field103">
            <el-input
              maxlength="20"
              v-model.trim="AddShortMessageData.field103"
              placeholder="请输入Access Key ID"
              clearable
              :style="{ width: '80%' }"
            >
            </el-input>
          </el-form-item>
          <el-form-item label="Access Key Secret" prop="field104">
            <el-input
              maxlength="20"
              v-model.trim="AddShortMessageData.field104"
              placeholder="请输入Access Key Secret"
              clearable
              :style="{ width: '80%' }"
            >
            </el-input>
          </el-form-item>
          <el-form-item label="签名" prop="field105">
            <el-input
              maxlength="20"
              v-model.trim="AddShortMessageData.field105"
              placeholder="请输入标题"
              clearable
              :style="{ width: '80%' }"
            >
            </el-input>
          </el-form-item>
        </div>
      </el-form>
      <div slot="footer">
        <el-button @click="AddShortMessageSummary = false">取消</el-button>
        <el-button
          type="primary"
          @click="AddShortMessageButton('AddShortMessageData')"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 新增版本弹窗 -->
    <el-dialog
      :title="projectData.title"
      :visible.sync="projectDataSummary"
      width="30%"
      center
    >
      <el-form
        ref="projectData"
        :model="projectData"
        :rules="projectDatarules"
        size="medium"
        label-width="100px"
      >
        <!-- <el-form-item label="版本名称" prop="field101">
          <el-input
            maxlength="20"
            v-model.trim="projectData.field101"
            placeholder="请输入版本名称"
            clearable
            :style="{ width: '80%' }"
          >
          </el-input>
        </el-form-item> -->
        <el-form-item label="版本号" prop="field102">
          <el-input
            maxlength="20"
            v-model.trim="projectData.field102"
            placeholder="请输入版本号"
            clearable
            :style="{ width: '80%' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="分类" prop="field103">
          <el-select
            v-model="projectData.field103"
            placeholder="请选择"
            clearable
            :style="{ width: '80%' }"
          >
            <el-option
              v-for="item in VersionOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="上传版本">
          <el-upload
            class="upload-demo"
            :action="actionUrl()"
            :on-change="VersionChang"
            :on-remove="VersionRemove"
            accept=".apk,.APK"
            :file-list="VersionChangList"
          >
            <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">
              只能上传jpg/png文件，且不超过500kb
            </div>
          </el-upload>
          <!-- 
                    <el-upload
                      class="upload-demo"
                      :action="actionUrl()"
                      :on-change="handleChange1"
                      :on-remove="handleRemove1"
                      :file-list="fileList1"
                      :auto-upload="false"
                      list-type="picture"
                      accept=".jpg,.png,.jpeg,JPG,JPEG"
                    >
                    </el-upload> -->
        </el-form-item>
        <el-form-item label="版本概述">
          <el-input
            maxlength="200"
            v-model="projectData.field104"
            clearable
            type="textarea"
            show-word-limit
            :style="{ width: '80%' }"
          >
          </el-input>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="projectDataSummary = false">取消</el-button>
        <el-button
          type="primary"
          @click="projectButton"
          :disabled="VersionButtonShow"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 新增编辑协议弹窗 -->
    <el-dialog
      :title="protocolData.titme"
      :visible.sync="protocolDataSummary"
      width="50%"
      center
    >
      <el-form
        ref="protocolData"
        :model="protocolData"
        :rules="protocolDatarules"
        size="medium"
        label-width="100px"
      >
        <el-form-item label="名称" prop="field101">
          <el-input
            maxlength="20"
            v-model.trim="protocolData.field101"
            placeholder="请输入名称"
            clearable
            :style="{ width: '80%' }"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="分类" prop="field102" v-if="toggleTitleShow != 4">
          <el-select
            v-model="protocolData.field102"
            placeholder="请选择"
            clearable
            :style="{ width: '80%' }"
          >
            <el-option
              v-for="item in protocolOptions"
              :key="item.proId"
              :label="item.proName"
              :value="item.proId"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <div style="height: 355px">
          <quill-editor
            ref="text"
            v-model="protocolContent"
            style="height: 370px; padding-bottom: 65px"
            :options="editorOption"
            @change="protocolChange($event)"
          >
          </quill-editor>
          <span style="text-align: right; padding-top: 100px"
            >{{ protocolTiLength }}/9999</span
          >
        </div>
      </el-form>
      <div slot="footer">
        <el-button @click="protocolDataSummary = false">取消</el-button>
        <el-button type="primary" @click="protocolButton">确定</el-button>
      </div>
    </el-dialog>

    <!-- 检测获取验证码弹窗 -->
    <el-dialog title="" :visible.sync="tanShow1" width="30%" center>
      <el-form
        ref="RealNameData"
        :model="RealNameData"
        :rules="rules5"
        size="medium"
        label-width="110px"
      >
        <el-form-item label="手机号">
          <el-input
            v-model.trim="RealNameData.RealNamephone"
            clearable
            disabled
            :style="{ width: '85%' }"
          >
          </el-input>
        </el-form-item>

        <el-form-item label="手机验证码" prop="code">
          <div class="divFlex">
            <el-input
              v-model.trim="RealNameData.code"
              placeholder="验证码"
              class="enrollInp"
              clearable
              maxlength="10"
              style="width: 55%"
              onkeyup="this.value=this.value.replace(/\D/g,'')"
            ></el-input>
            <el-button
              type="primary"
              style="margin-left: 1%"
              :disabled="gain.flag"
              @click="sendCodeFun('form1')"
            >
              {{ gain.title }}</el-button
            >
          </div>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="tanShow1 = false">取消</el-button>
        <el-button
          type="primary"
          @click="handelConfirm5('RealNameData')"
          :loading="RealNameDataButtonShow"
          :disabled="RealNameDataButtonShow"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 查看解析教程弹窗 -->
    <el-dialog
      title="解析教程"
      :visible.sync="ParsingTutorialShow"
      width="50%"
      center
    >
      <span>
        <el-scrollbar style="height: 500px">
          <h1>
            <strong style="color: rgb(26, 26, 26)">租户自有域名解析教程</strong>
          </h1>
          <p>
            <span style="color: rgb(57, 57, 57)">由自己</span
            ><strong style="color: rgb(255, 0, 0)">采购、备案</strong
            ><span style="color: rgb(57, 57, 57)"
              >的域名 (域名过期后无法访问)。</span
            >
          </p>
          <p>
            <span style="color: rgb(57, 57, 57)"
              >您只需要把自己的域名解析到租户平台的服务器地址上，等待域名状态生效即可。</span
            >
          </p>
          <p><strong style="color: rgb(26, 26, 26)">&nbsp;</strong></p>
          <h2>
            <strong style="color: rgb(82, 140, 216)">【设置方式】</strong>
          </h2>
          <p>
            <strong style="color: rgb(82, 140, 216)"
              >1. 打开自己域名后台解析的地方</strong
            >
          </p>
          <p><strong style="color: rgb(82, 140, 216)">2. 解析域名</strong></p>
          <p>
            <strong style="color: rgb(82, 140, 216)"
              >假设您的顶级（一级）域名为 </strong
            ><strong>91weiduan</strong>
          </p>
          <p>
            <strong style="color: rgb(82, 140, 216)">记录类型选择 </strong
            ><strong style="color: rgb(255, 0, 0)">CNAME，</strong
            ><strong style="color: rgb(82, 140, 216)"
              >主机记录自己设置(如 ：</strong
            ><strong style="color: rgb(255, 0, 0)">flqd</strong
            ><strong style="color: rgb(82, 140, 216)">) ，记录值：</strong
            ><span style="color: rgb(255, 0, 0)">laxin.91weiduan.cn</span>
          </p>
          <p><span style="color: rgb(57, 57, 57)">以阿里云为例：</span></p>
          <p>
            <strong style="color: rgb(26, 26, 26)"
              ><img src="@/assets/img/jc1.png" width="100%" /></strong
            >&nbsp;
          </p>
          <p>
            <strong style="color: rgb(82, 140, 216)"
              >3. 得到一个二级域名【</strong
            ><strong style="color: rgb(255, 0, 0)">flqd</strong
            ><strong style="color: rgb(82, 140, 216)">.</strong
            ><strong>91weiduan</strong
            ><strong style="color: rgb(82, 140, 216)"
              >】，将它填入系统【自有域名】框内</strong
            >
          </p>
          <p>
            <strong style="color: rgb(26, 26, 26)"
              ><img src="@/assets/img/jc2.png" width="100%" /></strong
            >&nbsp;
          </p>
          <p>
            <strong style="color: rgb(82, 140, 216)">PS: </strong
            ><span style="color: rgb(57, 57, 57)"
              >如您想直接使用顶级（一级）域名，则主机记录填写</span
            ><strong
              style="
                color: rgb(255, 0, 0);
                background-color: rgb(255, 255, 255);
              "
              >&nbsp;@</strong
            >
          </p>
          <p><span style="color: rgb(57, 57, 57)">以阿里云为例：</span></p>
          <p>
            <strong style="color: rgb(26, 26, 26)"
              ><img
                src="@/assets/img/jc3.png"
                width="100%"
                height="550px" /></strong
            >&nbsp;
          </p>
          <p>
            <strong style="color: rgb(82, 140, 216)"
              >之后直接将您的顶级域名，如【</strong
            ><strong>91weiduan.cn</strong
            ><strong style="color: rgb(82, 140, 216)"
              >】填入好单库【自有域名】框内</strong
            >
          </p>
          <p>
            <strong style="color: rgb(26, 26, 26)"
              ><img src="@/assets/img/jc4.png" width="100%" /></strong
            >&nbsp;
          </p>
          <p>&nbsp;</p>
        </el-scrollbar>
      </span>
      <div slot="footer">
        <!-- <el-button @click="ParsingTutorialShow = false">取消</el-button> -->
        <el-button type="primary" @click="ParsingTutorialShow = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
import Clipboard from "clipboard";
import { selectByTeamUserByOne } from "@/api/system/user";
import {
  bankWkxxConfigList,
  CapWithdrawalRecordStaAPI,
  bankAPI,
  selectTenantExpenditureAccounts,
} from "@/api/finance/index.js";
import {
  upload,
  comnonConfig,
  getSetup,
  editAPI,
  selectByInvitationCodeIsUserId,
  AboutUs,
  AddAboutUs,
  EditAboutUs,
  addVersion,
  insertUserAgreement,
  selectUserAgreements,
  getSelectUserAgreement,
  editUserAgreement,
  deleteUserAgreement,
  selectSysVersionListPage,
  editVersion,
  delVersion,
  inspectDomain,
  addDomain,
  getDomain,
  delDomain,
  selectUserAgreementsPagingSpecial,
  addConfig,
  editConfig,
  getConfig,
  getConfigList,
  GotestSms,
  updateSmsTemplateState,
  delTemplate,
} from "@/api/system/index.js";
import { getAliDy, getAliDy1 } from "@/api/login.js";
import { listAPI } from "@/api/projectManagement/index.js";
export default {
  data() {
    return {
     loading:true,
      //短信消息库发送短信按钮
      //  获取验证码按钮
      gain2: {
        title: "发送",
        flag: false,
      },
      //本账号自己的信息
      userData: {},
      //短信消息库列表
      informationList: [],
      //新增短信下拉框
      ShortMessageOptions: [{ label: "阿里云", value: "阿里云" }],
      //新增短信参数
      AddShortMessageData: {
        field101: "",
        field102: "",
        field103: "",
        field104: "",
        field105: "",
        field106: "",
      },
      //新增短信验证
      AddShortMessageRules: {
        field101: [
          {
            required: true,
            message: "不可为空",
            trigger: "change",
          },
        ],
        field102: [
          {
            required: true,
            message: "不可为空",
            trigger: "change",
          },
        ],
        field103: [
          {
            required: true,
            message: "不可为空",
            trigger: "change",
          },
        ],
        field104: [
          {
            required: true,
            message: "不可为空",
            trigger: "change",
          },
        ],
        field105: [
          {
            required: true,
            message: "不可为空",
            trigger: "change",
          },
        ],
      },
      //新增短信弹窗
      AddShortMessageSummary: false,
      //协议说明
      //用户协议
      UserAgreement: {
        id: "",
        content: "",
      },
      //平台使用协议
      PlatformUsage: {
        id: "",
        content: "",
      },
      //免责声明
      Disclaimer: {
        id: "",
        content: "",
      },
      //提现声明
      WithdrawalStatement: {
        id: "",
        content: "",
      },
      //网络设置域名平台选择下拉框
      DomainNamePlatformArr: [
        { label: "PC", value: "PC" },
        { label: "APP", value: "APP" },
      ],
      DomainNamePlatformData: "PC",
      //查看解析教程弹窗
      ParsingTutorialShow: false,
      //短信接口设置
      shortLetterArr: [
        {
          smsName: "阿里云短信",
          show: "1",
          smsAccess: [
            { name: "Access Key ID", paran: "" },
            { name: "Access Key Secret", paran: "" },
            { name: "signName", paran: "" },
          ],
        },
        // {
        //   smsName: "阿里云短信",
        //   show: "1",
        //   smsAccess: [
        //     { name: "Access Key ID", paran: "" },
        //     { name: "Access Key Secret", paran: "" },
        //   ],
        // },
      ],
      //检测按钮禁用
      RealNameDataButtonShow: false,
      //域名列表
      domainList: [],
      //检测成功后域名返回数据
      domainData: {},
      // 定时器
      timer: undefined,
      rules5: {
        code: [
          {
            required: true,
            message: "请输入验证码",
            trigger: "change",
          },
        ],
      },
      //  获取验证码按钮
      gain: {
        title: "获取验证码",
        flag: false,
      },
      //检测弹窗
      tanShow1: false,
      //账户绑定的手机号
      RealNameData: {
        RealNamephoneShow: "",
        RealNamephone: "",
        code: "",
      },

      //网络配置检测按钮禁用
      detectShow: false,
      detectShow2: true,
      // 切换页面参数
      toggleTitleArr: [
        { name: "基础设置", id: 1 },
        { name: "PC样式设置", id: 7 },
        { name: "APP样式设置", id: 3 },

        { name: "常见问题", id: 4 },
        { name: "新手引导", id: 10 },
        { name: "协议说明", id: 5 },
        { name: "网络配置", id: 6 },
        { name: "短信接口设置", id: 8 },
        { name: "短信消息库", id: 9 },
        { name: "版本管理", id: 2 },
      ],
      toggleTitleShow: 1,
      protocolOptions: [
        // { value: "租户协议", label: "租户协议" },
        // { value: "平台服务协议", label: "平台服务协议" },
        // { value: "提现协议", label: "提现协议" },
        // { value: "免责声明", label: "免责声明" },
        // { value: "平台租户协议", label: "平台租户协议" },
        { value: "新手引导", label: "新手引导" },
        { value: "常见问题", label: "常见问题" },
        // { value: "提现手续费说明", label: "提现手续费说明" },
      ],

      //新增协议
      protocolDataList: [],
      protocolF: {
        total: 0,
        pageNum: 1,
        pageSize: 10,
      },
      protocolData: {
        field101: "",
        field102: "",
        field103: "",
        titme: "",
        id: "",
      },
      protocolDatarules: {
        field101: [
          {
            required: true,
            message: "请输入名称",
            trigger: "change",
          },
        ],
        field102: [
          {
            required: true,
            message: "请选择分类",
            trigger: "change",
          },
        ],
        field103: [
          {
            required: true,
            message: "请选择分类",
            trigger: "change",
          },
        ],
      },
      protocolDataSummary: false,
      protocolContent: "",
      protocolTiLength: "",
      richText: {
        PartnerContent: "", //租户状态
        withdrawContent: "", //提现状态
        TenantAgreement: "", //租户协议
        PlatformService: "", //平台服务协议
        withdrawAgreement: "", //提现协议
        DisclaimerContent: "", //免责声明
        PlatformTenant: "", //免责声明
      },
      //提现账户设置新参数测试
      WithdrawalAccount: [],
      //关于我们限制字数显示
      TiLength: "",
      TiLength1: "",
      TiLength2: "",
      TiLength3: "",
      TiLength4: "",
      //判断关于我们是新增还是修改
      judegWe: "",
      VersionOptions: [
        { label: "安卓", value: "Android" },
        { label: "ios", value: "ios" },
        // { label: "小程序", value: 3 },
      ],
      //新增版本按钮禁用
      VersionButtonShow: false,
      projectDataSummary: false,
      projectData: {
        field101: undefined,
        field102: undefined,
        field103: undefined,
        field104: undefined,
        field105: undefined,
        id: undefined,
      },
      projectDatarules: {
        // field101: [
        //   {
        //     required: true,
        //     message: "请输入模板名称",
        //     trigger: "change",
        //   },
        // ],
        field102: [
          {
            required: true,
            message: "请输入版本号",
            trigger: "change",
          },
        ],
        field103: [
          {
            required: true,
            message: "请选择分类",
            trigger: "change",
          },
        ],
      },
      //表格
      postList: [],
      total: "",
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
      //富文本框
      content: "",
      editorOption: {
        modules: {
          syntax: {
            highlight: (text) => hljs.highlightAuto(text).value,
          },
          toolbar: [
            ["bold", "italic", "underline", "strike"], // toggled buttons
            ["blockquote", "code-block"],

            [{ header: 1 }, { header: 2 }], // custom button values
            [{ list: "ordered" }, { list: "bullet" }],
            [{ script: "sub" }, { script: "super" }], // superscript/subscript
            [{ indent: "-1" }, { indent: "+1" }], // outdent/indent
            [{ direction: "rtl" }], // text direction

            [{ size: ["small", false, "large", "huge"] }], // custom dropdown
            [{ header: [1, 2, 3, 4, 5, 6, false] }],

            [{ color: [] }, { background: [] }], // dropdown with defaults from theme
            [{ font: [] }],
            [{ align: [] }],
            //  ['image'],//去除video即可
            // ['link', 'image', 'video', 'formula']//去除video即可
            [], //去除video即可
          ],
        },
        placeholder: "编辑内容...",
      },
      //网络配置检测域名
      pcurl: "",
      isShow: false,
      word: "success",
      //自有的域名地址
      url: "",
      //APP登陆地址
      AppUrl: "",
      // 判断是新增还是修改 0是新增 1是修改
      Datacode: 0,
      rules: {
        field101: [
          {
            required: true,
            message: "请选择进入模式配置",
            trigger: "change",
          },
        ],
        partnerName: [
          {
            required: true,
            message: "请输入租户名称",
            trigger: "change",
          },
          {
            pattern: /^[a-zA-Z0-9\u4E00-\u9FA5]{2,20}$/,
            message: "名称格式错误",
            trigger: "change",
          },
        ],
        field110: [
          {
            pattern:
              /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/,
            message: "格式错误",
            trigger: "change",
          },
        ],
        field102: [
          {
            required: true,
            message: "请输入默认费率设置",
            trigger: "change",
          },
          {
            pattern:
              /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
            message: "格式错误",
            trigger: "change",
          },
        ],
        field103: [
          {
            required: true,
            type: "array",
            message: "请至少选择一个",
            trigger: "change",
          },
        ],
        field104: [
          {
            required: true,
            message: "请选择进入模式配置",
            trigger: "change",
          },
        ],
        applogod: [
          {
            required: false,
            message: "请选择进入模式配置",
            trigger: "change",
          },
          {
            pattern:
              /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
            message: "格式错误",
            trigger: "change",
          },
        ],
      },
      field101Options: [
        {
          label: "邀请码必填",
          value: 0,
        },
        {
          label: "邀请码选填",
          value: 1,
        },
        // {
        //   label: "邀请码不填",
        //   value: 2,
        // },
      ],
      Realame: [
        {
          label: "不实名",
          value: 0,
        },
        {
          label: "实名",
          value: 1,
        },
      ],
      field103Op: [],
      field103Options: [
        {
          label: "银联",
          value: 1,
          id: 100,
          children: [
            // {
            //   label: "选项一",
            //   value: "1",
            //   id: 101,
            // },
          ],
        },
        {
          label: "支付宝",
          value: 2,
          id: 103,
          children: [
            // {
            //   label: "支付宝",
            //   value: 0,
            //   id: 105,
            // },
          ],
        },
        {
          label: "记账本",
          value: 3,
          id: 103,
          children: [
            // {
            //   label: "选项一",
            //   value: 0,
            //   id: 104,
            // },
          ],
        },
      ],
      field103Props: {
        multiple: false,
      },

      radio: "",
      activeName: "first",
      input2: "first",

      form: {
        field101: undefined,
        field102: undefined,
        field103: [],
        field104: undefined,
        id: null,
        resource: "开启",
        adminLoginAddress: "", //后台登录地址
        appLoginAddress: "", //app后台登录地址
        loginBackground: 0, //登录背景图
        partnerJianjie: "", //租户简介
        partnerLogo: "", //租户logo
        partnerName: "", //租户名称
        partnerOffAddress: "", //租户地址关闭
        partnerOffWarn: "", //租户关闭提醒
        partnerState: 0, //租户状态
        partnerStyleId: 0, //后台风格
        userId: 0, //合伙人ID
        level: 0, //是否开启层级关系
        withdrawState: 0, //提现状态
      },
      fileList: [
        // {url:"",name:"logo"}
      ],
      fileList1: [
        //  {url:"",name:"background"}
      ],
      //新增版本上传
      VersionChangList: [],
      imgurl: [
        // {
        //   src: require("../../../assets/images/appbox.png"),
        //   url:"http://mm.91weiduan.cn/#/?invitationCode=",
        //   name:"完整版"
        // },
        // {
        //   src: require("../../../assets/images/appbox2.png"),
        //    url:"http://phone.91weiduan.cn/#/?invitationCode=",
        //    name:"简洁版"
        // },
      ],
      //PC样式设置
      PCimgurl: [
        {
          src: require("../../../assets/img/pc5.png"),
          url: "http://phone.91weiduan.cn/#/?invitationCode=",
          name: "样式一",
          id: "yangshi1",
          class: "appbt2",
          show: "1",
        },
        {
          src: require("../../../assets/img/pcsdvc.png"),
          url: "http://mm.91weiduan.cn/#/?invitationCode=",
          name: "样式二",
          id: "yangshi2",
          class: "appbt1",
          show: "0",
        },
        {
          src: require("../../../assets/img/pcwhbw.png"),
          url: "http://phone.91weiduan.cn/#/?invitationCode=",
          name: "样式三",
          id: "yangshi3",
          class: "appbt2",
          show: "0",
        },
        {
          src: require("../../../assets/img/pc3.png"),
          url: "http://phone.91weiduan.cn/#/?invitationCode=",
          name: "样式四",
          id: "yangshi4",
          class: "appbt2",
          show: "0",
        },
        {
          src: require("../../../assets/img/pc4.png"),
          url: "http://phone.91weiduan.cn/#/?invitationCode=",
          name: "样式五",
          id: "yangshi5",
          class: "appbt2",
          show: "0",
        },
      ],
      //PC样式设置
      PCcheckedShow: {},
      // 上传图片URL
      imgesLOGO: "",
      //登陆背景图URL
      bagkroundimges: "",
      userId: "",
      //邀请码
      Invitation: "",
      //网络设置里面的网络路径
      Network: "",
      //新增版本上传的保存文件
      VersionData: null,
      //新增版本上传返回的地址
      VersionDataUrl: null,
    };
  },
  async created() {
    const put = await getSetup();
    // console.log(put,'888')
    // this.form.field103.push(put.data.withdrawalType - 0);
    // this.form.field103.push(put.data.withdrawalAccount);

    this.form.field103[0] = put.data.withdrawalType - 0;
    this.form.field103[1] = put.data.withdrawalAccount - 0;
  },
  async mounted() {
    const userID = sessionStorage.getItem("userID");
    this.userId = userID - 0;
    this.getData();
    this.AboutWe(); //关于我们
  },
  methods: {
    //短信消息库删除
    delShortLetterButton(row) {
      this.$confirm("删除后将不可恢复, 是否继续?", "", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          const data = await delTemplate(row.id);
          if (data.code == 200) {
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.ShortInformation();
          } else {
            this.$message.error(data.msg);
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //短信消息库开启禁用状态
    async smsTemplateStateButton(row) {
      let type = "";
      if (row.smsTemplateState == "启用") {
        type = "禁用";
      } else {
        type = "启用";
      }
      let param = {
        id: row.id,
        smsConfigId: row.smsConfigId,
        smsTemplateState: type,
        smsTemplateType: row.smsTemplateType,
        userId: this.userId,
      };
      const data = await updateSmsTemplateState(param);
      if (data.code == 200) {
        this.$message({
          message: "操作成功!",
          type: "success",
        });
        this.ShortInformation();
      } else {
        this.$message.error(data.msg);
      }
    },
    //短信消息库测试发送按钮
    async sendGo(row) {
      this.timerFun2();
      let param = {
        password: "123456",
        phone: this.userData.phonenumber,
        smsTemplate: {
          id: row.id,
          smsConfigId: row.smsConfigId,
          smsTemplateCode: row.smsTemplateCode,
          smsTemplateType: row.smsTemplateType,
        },
        url: this.Invitation,
      };
      const data = await GotestSms(param);
      console.log(data, "45645456");
      if (data.code == 200) {
        this.$message({
          message: "发送成功!",
          type: "success",
        });
      } else {
        this.$message.error(data.msg);
      }
    },
    // 定时器
    timerFun2() {
      this.gain2.flag = true;
      let timerNum = 10;
      this.gain2.title = timerNum + "秒后重试";
      this.timer = setInterval(() => {
        timerNum--;
        console.log(11);
        if (timerNum < 0) {
          this.timerFunEnd2();
        } else {
          this.gain2.title = timerNum + "秒后重试";
        }
      }, 1000);
    },
    // 关闭定时器
    timerFunEnd2() {
      this.gain2.title = "发送";
      this.gain2.flag = false;
      clearInterval(this.timer);
    },
    //短信消息库页面
    async ShortInformation() {
      let param = {
        userId: this.userId,
        pageNum: this.queryParams.pageNum,
        pageSize: this.queryParams.pageSize,
      };
      // console.log(param,'777')
      const data = await getConfigList(param);
      if (data.code == 200) {
        this.queryParams.total = data.data.total;
        this.informationList = data.data.list;
      } else {
        this.$message.error(data.msg);
      }

      this.userData = JSON.parse(sessionStorage.getItem("userData"));
      console.log(this.userData);
    },
    //短信接口设置查询
    async ShortMessageFuntion() {
      const data = await getConfig({ userId: this.userId });
      if (data.code == 200) {
        var param = [];
        data.rows.forEach((item) => {
          item.show = 0;
          item.smsAccess = JSON.parse(item.smsAccess);
          for (var p in item.smsAccess) {
            param.push({
              name: p,
              param: item.smsAccess[p],
            });
          }
          item.smsAccess = param;
        });
        console.log(data.rows, "888999");
        // console.log(param, "+++56545");
        if (data.rows.length > 0) {
          this.shortLetterArr = data.rows;
        } else {
          this.shortLetterArr = [
            {
              smsName: "阿里云",
              show: "1",
              smsState: "启用",
              smsAccess: [
                { name: "Access Key ID", paran: "" },
                { name: "Access Key Secret", paran: "" },
                { name: "signName", paran: "" },
              ],
            },
          ];
        }

        console.log(this.shortLetterArr, "2233");
      } else {
        this.$message.error(data.msg);
      }
    },
    //新增短信确定按钮
    async AddShortMessageButton(row) {
      console.log(row, "7889");
      let param = {};

      if (row.id) {
        param = {
          smsAccess: {
            accessKeyId: row.smsAccess[0].param, //keyID
            accessKeySecret: row.smsAccess[1].param, //key
            signName: row.smsAccess[2].param, //签名
          },
          id: row.id,
          smsName: "阿里云", //类型
          smsSignName: "阿里云", //标题
          smsState: row.smsState, //启用禁用
          userId: this.userId,
        };
        let param2 = JSON.stringify(param.smsAccess);
        param.smsAccess = param2;
        const data = await editConfig(param);
        // console.log(data, "123213");
        if (data.code == 200) {
          this.$message({
            message: "操作成功!",
            type: "success",
          });
          this.ShortMessageFuntion();
        } else {
          this.$message.error(data.msg);
        }
      } else {
        param = {
          smsAccess: {
            accessKeyId: row.smsAccess[0].param, //keyID
            accessKeySecret: row.smsAccess[1].param, //key
            signName: row.smsAccess[2].param, //签名
          },
          smsName: "阿里云", //类型
          smsSignName: "阿里云", //标题
          smsState: row.smsState, //启用禁用
          userId: this.userId,
        };
        let param2 = JSON.stringify(param.smsAccess);
        param.smsAccess = param2;
        // console.log(param,'777')
        const data = await addConfig(param);
        // console.log(data, "123213");
        if (data.code == 200) {
          this.$message({
            message: "操作成功!",
            type: "success",
          });
          this.ShortMessageFuntion();
        } else {
          this.$message.error(data.msg);
        }
      }
    },
    //新增短信弹窗
    AddShortMessage() {
      this.AddShortMessageSummary = true;
    },
    //PC样式设置页面
    async PCstyleSetupFutin() {
      const { data } = await getSetup();
      console.log(data, "获取基础设置");
      this.PCimgurl.forEach((item) => {
        item.show = 0;
        if (item.id == data.domainAddress) {
          item.show = 1;
        }
      });
    },
    //PC样式设置确定按钮
    PCstyleSetUp() {
      console.log(this.form, "555444");
      console.log(this.PCimgurl);
      let arr = this.PCimgurl.filter((item) => item.show == 1);
      if (this.form.id) {
        let editParam = {
          domainAddress: arr[0].id, //
          id: this.form.id, //是否属于新增  有ID就是修改 ，没有ID就是新增
        };
        editAPI(editParam).then((res) => {
          console.log(res, "修改结果");
          if (res.code == 200) {
            this.$message({
              message: "提交成功,需重新登录生效",
              type: "success",
            });
            this.PCstyleSetupFutin();
          } else {
            this.$message.error("提交失败");
          }
        });
      } else {
        this.$message({
          message: "请先配置基础设置",
          type: "warning",
        });
      }
    },
    //常见问题页面
    async HelpCenter(row) {
      console.log(row, "常见问题和新手引导");
      row.id;
      let name = "";
      if (row == 4) {
        name = "常见问题";
      } else {
        name = "新手引导";
        //新手引导需要获取项目列表
        const data2 = await listAPI({
          pageSize: 1000,
          pageNum: 1,
        });
        // console.log(data2,'项目列表');
        if (data2.code == 200) {
          // this.protocolData.field102 = data2.data.list;
          this.protocolOptions = data2.data.list;
        } else {
          this.$message.error(data2.msg);
        }
      }
      let param = {
        pageNum: this.protocolF.pageNum,
        pageSize: this.protocolF.pageSize,
        tenantId: this.userId - 0,
        type: name,
      };
      const data = await selectUserAgreementsPagingSpecial(param);
      console.log(data, "7788");
      if (data.code == 200) {
        this.protocolF.total = data.data.total;
        if (data.data.list.length > 0) {
          const regex = /<\/?.+?\/?>/gm;
          const subst = ``;
          data.data.list.map((item) => {
            item.content2 = item.content.replace(regex, subst);
          });
          this.protocolDataList = data.data.list;
        } else {
          this.protocolDataList = [];
        }
      } else {
        this.$message.error(data.msg);
      }
    },
    //协议说明保存按钮
    async saveProtocolButton(name, row) {
      let param = {};
      if (row.content != "") {
        if (row.id) {
          param = {
            content: row.content,
            name: name,
            type: name,
            id: row.id,
          };
          const editData = await editUserAgreement(param);
          if (editData.code == 200) {
            this.$message({
              type: "success",
              message: "提交成功!",
            });
            this.protocolList();
          } else {
            this.$message.error(editData.msg);
          }
        } else {
          param = {
            content: row.content,
            name: name,
            type: name,
          };
          const addData = await insertUserAgreement(param);
          console.log(addData, "新增");
          if (addData.code == 200) {
            this.$message({
              type: "success",
              message: "提交成功!",
            });
            this.protocolList();
          } else {
            this.$message.error(addData.msg);
          }
        }
      } else {
        this.$message({
          message: "内容不可为空",
          type: "warning",
        });
      }
      console.log(name, row);
    },
    //网络设置查看解析教程
    getParsingTutorial() {
      this.ParsingTutorialShow = true;
    },
    //短信消息库新增新模板
    addShortLetterButton(row) {
      if (row.id) {
        // console.log(row, "456");
        this.$router.push({
          path: "tenant/addShortLetter",
          query: {
            id: row.id,
            smsTemplateName: row.smsTemplateName,
            code: row.smsTemplateCode,
            text: row.smsTemplateText,
            smsTemplateType: row.smsTemplateType,
            smsConfigId: row.smsConfigId,
          },
        });
      } else {
        this.$router.push({
          path: "tenant/addShortLetter",
          // query: {
          //   id: id
          // }
        });
      }
    },
    //PC短信接口设置开关
    shortLetterKH(row, index) {
      console.log(this.shortLetterArr[index].smsState);
      if (row == "启用") {
        this.shortLetterArr[index].smsState = "禁用";
      } else {
        this.shortLetterArr[index].smsState = "启用";
      }
    },

    //PC样式点击事件
    checked(row, index) {
      console.log(row, "777");
      this.PCcheckedShow = row;
      this.PCimgurl.forEach((item) => {
        item.show = 0;
      });
      this.PCimgurl[index].show = 1;
    },
    // 检测弹窗函数
    handelConfirm5(rue) {
      setTimeout(() => {
        this.RealNameDataButtonShow = false;
      }, 15000); //这个校验时间比较长...
      this.$refs[rue].validate(async (valid) => {
        if (valid) {
          this.RealNameDataButtonShow = true;
          let param = {
            domain: this.pcurl,
            // domain:"www.juzhongke.cn",
            phoneNumber: this.RealNameData.RealNamephoneShow,
            code: this.RealNameData.code,
            domainType: this.DomainNamePlatformData, //PC   APP
          };
          const data = await inspectDomain(param);
          if (data.code == 200) {
            this.$message({
              message: "检测域名成功,请尽快点击'保存已解析站点'按钮",
              type: "success",
            });
            this.RealNameDataButtonShow = false;
            //保存返回数据
            this.domainData = data.data;
            this.detectShow = true;
            this.detectShow2 = false;
            this.tanShow1 = false; //关闭弹窗
          } else {
            this.$message.error(data.msg);
            this.RealNameDataButtonShow = false;
          }
          this.RealNameDataButtonShow = false;
          console.log(data, "返回");
        }
      });
    },
    // 关闭定时器
    timerFunEnd() {
      this.gain.title = "获取验证码";
      this.gain.flag = false;
      clearInterval(this.timer);
    },
    // 定时器
    timerFun() {
      this.gain.flag = true;
      let timerNum = 60;
      this.gain.title = timerNum + "秒后重试";
      this.timer = setInterval(() => {
        timerNum--;
        if (timerNum < 0) {
          this.timerFunEnd();
        } else {
          this.gain.title = timerNum + "秒后重试";
        }
      }, 1000);
    },
    // 发送短信验证码
    async sendCodeFun(el) {
      this.timerFun();
      let param = {
        phone: this.RealNameData.RealNamephoneShow,
        url: this.Invitation,
      };
      const data2 = await getAliDy1(param);
      // const data2 = await getAliDy(param);
      if (data2.code == 200) {
        // this.sendCodeFlag = true;
      } else {
        this.$message.error(data2.msg);
      }
    },
    //检测按钮
    detectButton() {
      //弹窗
      this.tanShow1 = true;
    },
    //域名删除
    async delDomainListBotton(row) {
      this.$confirm("删除后当前域名不可访问此平台, 是否继续?", "", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          const data = await delDomain([row.id]);
          if (data.code == 200) {
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.toggleTitleArrButton({ id: 6 });
          } else {
            this.$message.error(data.msg);
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //保存已检测按钮
    async ParseDetectButton() {
      // console.log(this.domainData,'-------------------')
      const data = await addDomain(this.domainData);
      if (data.code == 200) {
        // console.log(data,'+4+65465456465645')
        this.$message({
          message: "保存解析站点成功!",
          type: "success",
        });
        this.detectShow = false;
        this.detectShow2 = true;
        this.toggleTitleArrButton({ id: 6 });
      } else {
        this.$message.error(data.msg);
      }
    },
    //切换页面头事件
    async toggleTitleArrButton(row) {
      console.log(row, "666");
      this.toggleTitleShow = row.id;
      if (row.id == 6) {
        let param = {
          pageNum: 1,
          pageSize: 1000,
          userId: this.userId - 0,
        };
        const getDomainData = await getDomain(param);
        if (getDomainData.code == 200) {
          if (getDomainData.data.list.length > 0) {
            this.domainList = getDomainData.data.list;
          } else {
            this.domainList = [];
          }
        } else {
          this.$message.error(getDomainData.msg);
        }
        console.log(getDomainData, "查询域名");

        //查询绑定的手机号
        const userRealName = await selectByTeamUserByOne();
        if (userRealName.code == 200) {
          // console.log(userRealName.data.phoneNumber, "用户信息2");
          this.RealNameData.RealNamephoneShow = userRealName.data.phoneNumber;
          let reg = /^(\d{3})\d{4}(\d{4})$/;

          this.RealNameData.RealNamephone =
            this.RealNameData.RealNamephoneShow.replace(reg, "$1****$2");
        } else {
          this.$message.error(userRealName.msg);
        }
      } else if (row.id == 5) {
        //切换到协议说明
        this.protocolList();
      } else if (row.id == 4 || row.id == 10) {
        //切换到常见问题和新手引导
        this.HelpCenter(row.id);
      } else if (row.id == 7) {
        //切换到PC样式设置
        this.PCstyleSetupFutin();
      } else if (row.id == 8) {
        //切换到短信接口设置
        this.ShortMessageFuntion();
      } else if (row.id == 9) {
        //切换到短信消息库
        this.ShortInformation();
      }
    },
    //后台登录地址复制
    urlTextButton() {
      let clipboard = new Clipboard(".btn");
      clipboard.on("success", (e) => {
        //  console.info("111",e)
        clipboard.destroy(); // 使用destroy可以清楚缓存
        this.$message({
          message: "复制成功！",
          type: "success",
        });
      });
      clipboard.on("error", (e) => {
        clipboard.destroy();
      });
    },
    //删除版本
    delVersionData(row) {
      this.$confirm("此操作将永久删除该文件, 是否继续?", "", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          let param = {
            id: row.id,
          };
          // const delData=await delVersion(row.id);
          const delData = await delVersion(param);
          if (delData.code == 200) {
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.versionFinctin();
          } else {
            this.$message.error(delData.msg);
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //新增版本弹窗
    addVersionShow() {
      this.projectData = {
        field101: undefined,
        field102: undefined,
        field103: undefined,
        field104: undefined,
        field105: undefined,
        id: undefined,
        title: "",
      };
      this.VersionChangList = []; //上传版本清空
      this.projectDataSummary = true;
      this.VersionDataUrl = "";
      this.projectData.title = "新增";
    },
    //切换到版本管理
    async versionFinctin() {
      let param = {
        model: {
          // type: "", // 分类查询
          userId: this.userId - 0,
        },
        pageNum: this.queryParams.pageNum,
        pageSize: this.queryParams.pageSize,
      };
      const dataList = await selectSysVersionListPage(param);
      console.log(dataList, "版本");
      if (dataList.code == 200) {
        this.postList = dataList.data.list;
        this.queryParams.total = dataList.data.total;
      } else {
        this.$message.error(dataList.msg);
        this.postList = [];
      }
    },
    //编辑版本
    editVersionBotton(row) {
      this.projectData = {
        field102: row.version,
        field103: row.type,
        field104: row.text,
        id: row.id,
        title: "编辑",
      };
      this.VersionDataUrl = row.versionUrl;
      this.projectDataSummary = true;
    },
    //删除协议
    async delProtocolDataListBotton(row) {
      this.$confirm("此操作将永久删除该文件, 是否继续?", "", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          const delData = await deleteUserAgreement(row.id);
          console.log(delData, "删除");
          if (delData.code == 200) {
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.HelpCenter(this.toggleTitleShow);
          } else {
            this.$message.error(editData.msg);
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //新增协议
    addProtocol() {
      this.protocolData = {
        field101: "",
        field102: "",
        field103: "",
        titme: "",
        id: "",
      };
      this.protocolContent = "";
      this.protocolData.titme = "新增";
      this.protocolDataSummary = true;
    },
    //协议说明页面
    async protocolList() {
      let param = {
        // type:"新手引导",
        pageNum: 1,
        pageSize: 1000,
      };
      const data = await selectUserAgreements(param);
      // console.log(data, "6677");
      if (data.code == 200) {
        let UserAgreement = data.data.filter((item) => item.type == "用户协议");
        this.UserAgreement.id = UserAgreement[0].id;
        this.UserAgreement.content = UserAgreement[0].content;
        // console.log(this.UserAgreement, "6677++");
        let PlatformUsage = data.data.filter(
          (item) => item.type == "平台使用协议"
        );

        this.PlatformUsage.id = PlatformUsage[0].id;
        this.PlatformUsage.content = PlatformUsage[0].content;

        let Disclaimer = data.data.filter((item) => item.type == "免责声明");

        this.Disclaimer.id = Disclaimer[0].id;
        this.Disclaimer.content = Disclaimer[0].content;
        let WithdrawalStatement = data.data.filter(
          (item) => item.type == "提现声明"
        );
        this.WithdrawalStatement.id = WithdrawalStatement[0].id;
        this.WithdrawalStatement.content = WithdrawalStatement[0].content;
      } else {
        this.$message.error(data.msg);
      }
      // if (data.code == 200) {
      //   const regex = /<\/?.+?\/?>/gm;
      //   const subst = ``;
      //   data.data.map((item) => {
      //     item.content2 = item.content.replace(regex, subst);
      //   });
      //   this.protocolDataList = data.data;
      // } else {
      //   this.$message.error(data.msg);
      //   this.protocolDataList = [];
      // }
    },
    //协议编辑按钮
    async editprotocolDataListBotton(row) {
      //   this.protocolData= {
      //   field101: "",
      //   field102: "",
      //   field103: "",
      //    titme: "",
      //    id:""
      // };

     if (this.toggleTitleShow == 4){
        this.protocolData.field102 = row.type;
      }else{
         this.protocolData.field102 = row.projectId;
      }
      console.log(row, "543435543");
      this.protocolData.field101 = row.name;
     
      this.protocolContent = row.content;
      this.protocolData.id = row.id;
   
      this.protocolData.titme = "编辑";
      this.protocolDataSummary = true;
    },
    //新增编辑协议提交按钮
    protocolButton() {
      this.$refs["protocolData"].validate(async (valid) => {
        if (valid) {
          // this.protocolData.field101  名称
          // this.protocolData.field102   分类
          // protocolContent    内容
          let param = {};
          let typeName = "";
          if (this.toggleTitleShow == 4) {
            typeName = "常见问题";
          } else {
            typeName = "新手引导";
          };
          if (this.protocolContent != "") {
            if (this.protocolData.id) {
              if (this.toggleTitleShow == 4) {
                param = {
                  content: this.protocolContent,
                  name: this.protocolData.field101,
                  type: typeName,
                  id: this.protocolData.id,
                  tenantId: this.userId - 0,
                };
              } else {
                param = {
                  content: this.protocolContent,
                  name: this.protocolData.field101,
                  projectId:this.protocolData.field102, //分类
                  type:typeName,
                  id: this.protocolData.id,
                  tenantId: this.userId - 0,
                };
              }

              const editData = await editUserAgreement(param);
              if (editData.code == 200) {
                this.$message({
                  type: "success",
                  message: "提交成功!",
                });
                this.HelpCenter(this.toggleTitleShow);
                this.protocolDataSummary = false;
              } else {
                this.$message.error(editData.msg);
              }
            } else {
                 if (this.toggleTitleShow == 4) {
               param = {
                content: this.protocolContent,
                name: this.protocolData.field101,
                type: typeName,
                tenantId: this.userId - 0,
              };
              } else {
                  param = {
                  content: this.protocolContent,
                  name: this.protocolData.field101,
                  projectId:this.protocolData.field102, //分类
                  type:typeName,
                  tenantId: this.userId - 0,
                };
              }
             
              const addData = await insertUserAgreement(param);
              console.log(addData, "新增");
              if (addData.code == 200) {
                this.$message({
                  type: "success",
                  message: "提交成功!",
                });
                this.HelpCenter(this.toggleTitleShow);
                this.protocolDataSummary = false;
              } else {
                this.$message.error(addData.msg);
              }
            }
          } else {
            this.$message({
              message: "内容不可为空",
              type: "warning",
            });
          }
        }
        // TODO 提交表单
      });
    },
    //富文本字数限制
    onEditorChange(e) {
      e.quill.deleteText(9999, 4);
      if (this.form.intro == "") {
        this.TiLength = 0;
      } else {
        this.TiLength = e.quill.getLength() - 1;
      }
    },
    //富文本字数限制
    onEditorChange1(e) {
      e.quill.deleteText(9999, 4);
      if (this.UserAgreement.content == "") {
        this.TiLength1 = 0;
      } else {
        this.TiLength1 = e.quill.getLength() - 1;
      }
    },
    //富文本字数限制
    onEditorChange2(e) {
      e.quill.deleteText(9999, 4);
      if (this.PlatformUsage.content == "") {
        this.TiLength2 = 0;
      } else {
        this.TiLength2 = e.quill.getLength() - 1;
      }
    },
    //富文本字数限制
    onEditorChange3(e) {
      e.quill.deleteText(9999, 4);
      if (this.PlatformUsage.content == "") {
        this.TiLength3 = 0;
      } else {
        this.TiLength3 = e.quill.getLength() - 1;
      }
    },
    //富文本字数限制
    onEditorChange4(e) {
      e.quill.deleteText(9999, 4);
      if (this.WithdrawalStatement.content == "") {
        this.TiLength4 = 0;
      } else {
        this.TiLength4 = e.quill.getLength() - 1;
      }
    },

    //富文本字数限制
    protocolChange(e) {
      e.quill.deleteText(9999, 4);
      if (this.protocolContent == "") {
        this.protocolTiLength = 0;
      } else {
        this.protocolTiLength = e.quill.getLength() - 1;
      }
    },
    //查询关于我们
    async AboutWe() {
      const data = await AboutUs({ userId: this.userId });
      console.log(data, "6666");
      if (data.code == 200) {
        if (data.rows.length <= 0) {
          this.judegWe = "新增";
        } else {
          this.judegWe = "修改";
          this.content = data.rows[0].text;
        }
      }
    },
    //新增版本提交按钮
    projectButton() {
      this.$refs["projectData"].validate(async (valid) => {
        if (valid) {
          setTimeout(() => {
            this.VersionButtonShow = false; //取消禁用按钮
          }, 5000);
          this.VersionButtonShow = true;
          if (this.VersionDataUrl) {
            this.projectButton2();
          } else {
            const uploadData = await upload(this.VersionData);
            console.log(uploadData, "222结果");
            if (uploadData.code == 200) {
              this.VersionDataUrl = uploadData.fileName;
              this.projectButton2();
            } else {
              this.$message.error(uploadData.msg);
            }
          }
        }
      });
    },

    async projectButton2() {
      let param = {};
      if (this.projectData.id) {
        param = {
          text: this.projectData.field104, //版本概述
          type: this.projectData.field103, //分类
          userId: this.userId - 0,
          version: this.projectData.field102, //版本号
          versionUrl: this.VersionDataUrl,
          id: this.projectData.id,
        };
        const data = await editVersion(param);
        if (data.code == 200) {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          this.versionFinctin();
          this.projectDataSummary = false;
          this.VersionButtonShow = false; //取消禁用按钮
        } else {
          this.$message.error(data.msg);
        }
      } else {
        param = {
          text: this.projectData.field104, //版本概述
          type: this.projectData.field103, //分类
          userId: this.userId - 0,
          version: this.projectData.field102, //版本号
          versionUrl: this.VersionDataUrl,
        };
        const data = await addVersion(param);
        if (data.code == 200) {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          this.versionFinctin();
          this.projectDataSummary = false;
          this.VersionButtonShow = false; //取消禁用按钮
        } else {
          this.$message.error(data.msg);
        }
      }
    },
    //富文本框确定按钮
    async submitButton() {
      if (this.content.length > 200000) {
        console.log(this.content)
        this.$message({
          message: "字数超出限制!",
          type: "warning",
        });
      } else {
        //  if(this.content.indexOf("")){

        //  }else{

        //  }
        let param = {
          text: this.content,
          userId: this.userId,
        };
        console.log(this.content, "888888888");
        if (this.judegWe == "新增") {
          const addData = await AddAboutUs(param);
          console.log(addData, "新增");
          if (addData.code == 200) {
            this.$message({
              message: "提交成功!",
              type: "success",
            });
            this.AboutWe();
          } else {
            this.$message.error("提交失败");
          }
        } else {
          const EditData = await EditAboutUs(param);
          console.log(EditData, "修改");
          if (EditData.code == 200) {
            this.$message({
              message: "提交成功!",
              type: "success",
            });
            this.AboutWe();
          } else {
            this.$message.error("提交失败");
          }
        }
        console.log(this.$refs.text.value);
        console.log(this.content, "677");
      }
    },
    async submitButton2() {
      console.log(this.content, "888888888");
      console.log(this.content, "677");
    },

    //非输入框复制
    copyLink2(row) {
      // console.log(row, "6677");
      let clipboard = new Clipboard(row);
      clipboard.on("success", (e) => {
        // console.log(e, "6677888");
        clipboard.destroy(); // 使用destroy可以清楚缓存
        this.$message({
          message: "复制成功！",
          type: "success",
        });
      });
      clipboard.on("error", (e) => {
        clipboard.destroy();
      });
    },

    //app样式设置
    styleBotton() {
      console.log("app样式设置确定按钮");
      console.log(this.radio, "app样式设置确定按钮");
      let param = {
        sysCommonConfig: {
          appStyle: this.radio + "", //APP风格设置
          id: this.form.id, //是否属于新增  有ID就是修改 ，没有ID就是新增
        },
      };
      if (this.form.id) {
        let editParam = {
          appStyle: this.radio + "", //APP风格设置
          id: this.form.id, //是否属于新增  有ID就是修改 ，没有ID就是新增
        };
        console.log(editParam, "给后端传递的编辑参数");
        editAPI(editParam).then((res) => {
          console.log(res, "修改结果");
          if (res.code == 200) {
            this.$message({
              message: "提交成功",
              type: "success",
            });
            this.getData();
          } else {
            this.$message.error("提交失败");
          }
        });
      } else {
        comnonConfig(param).then((res) => {
          console.log(res, "提交结果");
          if (res.code == 200) {
            this.$message({
              message: "提交成功",
              type: "success",
            });
            this.getData();
          } else {
            this.$message.error("提交失败");
          }
        });
      }
    },

    async getData() {
      //获取邀请码
      const yqm = await selectByInvitationCodeIsUserId();
      console.log(yqm, "获取邀请码");
      this.Invitation = yqm.msg;
      // app样式设置
      this.imgurl = [
        {
          src: require("../../../assets/images/appbox.png"),
          url: "http://mm.91weiduan.cn/#/?invitationCode=" + yqm.msg,
          name: "完整版",
          id: "appurl1",
          class: "appbt1",
        },
        {
          src: require("../../../assets/images/appbox2.png"),
          url: "http://phone.91weiduan.cn/#/?invitationCode=" + yqm.msg,
          name: "简洁版",
          id: "appurl2",
          class: "appbt2",
        },

        {
          src: require("../../../assets/img/111112222.png"),
          url: "" + yqm.msg,
          name: "",
          id: "appurl2",
          class: "appbt2",
        },
        {
          src: require("../../../assets/img/6677.png"),
          url: "" + yqm.msg,
          name: "",
          id: "appurl2",
          class: "appbt2",
        },
        {
          src: require("../../../assets/img/8889966.png"),
          url: "" + yqm.msg,
          name: "",
          id: "appurl2",
          class: "appbt2",
        },
        {
          src: require("../../../assets/img/444555.png"),
          url: "" + yqm.msg,
          name: "",
          id: "appurl2",
          class: "appbt2",
        },
      ];
      let param = {};
      //   { label: "支付宝", value: "ALIPAY" },
      // { label: "银联", value: "WUKONG" },
      // { label: "支付宝记账本", value: "ALIPAYACCOUNTBOOK" },
      param = {
        tenantId: this.userId,
        signAccountType: "ALIPAY", //这个根据类型搜索
      };
      const alipayData = await selectTenantExpenditureAccounts(param);
      console.log(alipayData, "支付宝");
      if (alipayData.code == 200) {
        if (alipayData.data.length > 0) {
          this.field103Options[1].children = alipayData.data.map((item) => {
            return {
              label: item.accountName,
              value: item.id,
              id: item.id,
            };
          });
        }
      } else {
        this.field103Options[1].children = [];
      }

      param = {
        tenantId: this.userId,
        signAccountType: "WUKONG", //这个根据类型搜索
      };
      const bankData = await selectTenantExpenditureAccounts(param);
      console.log(bankData, "银联");
      if (bankData.code == 200) {
        if (bankData.data.length > 0) {
          this.field103Options[0].children = bankData.data.map((item) => {
            return {
              label: item.accountName,
              value: item.id,
              id: item.id,
            };
          });
        }
      } else {
        this.field103Options[0].children = [];
      }
      param = {
        tenantId: this.userId,
        signAccountType: "ALIPAYACCOUNTBOOK", //这个根据类型搜索
      };
      const alipayDataBook = await selectTenantExpenditureAccounts(param);
      console.log(alipayDataBook, "记账本");
      if (alipayDataBook.code == 200) {
        if (alipayDataBook.data.length > 0) {
          this.field103Options[2].children = alipayDataBook.data.map((item) => {
            return {
              label: item.accountName,
              value: item.id,
              id: item.id,
            };
          });
        }
      } else {
        this.field103Options[2].children = [];
      }

      //获取本机的URL
      // console.log(this.$route.path);

      console.log(self.location.href, "++111+++");
      console.log(document.URL, "++222+++");
      console.log(document.location, "++333+++");
      const { data } = await getSetup();
      // console.log(data, "获取基础设置");

      this.form.partnerName = data.appName || "管理系统"; //租户名称
      this.form.id = data.id; //判断是修改还是新增的ID
      this.radio = data.appStyle - 0 || 1; //APP样式设置
      this.form.field101 = data.intoPattern; //邀请码
      // 0 邀请码必填 1 邀请码选填 2 邀请码不填
      this.form.field102 = data.defaultRate || 0; //默认费率

      //      this.WithdrawalAccount[0] = data.withdrawalType - 0; //提现账户设置
      // this.WithdrawalAccount[1] = data.withdrawalAccount-0 ; //提现账户设置

      //vue如何监听数组索引,其实在页面一进来就已经赋值了，去created生命周期看看就知道了
      this.form.field103[0] = data.withdrawalType - 0;
      this.form.field103[1] = data.withdrawalAccount - 0;

      //  this.$set(this.form.field103,tt,tt2);
      // console.log(this.form.field103, "提现账户设置的参数");

      this.form.field104 = data.realNameAuth || 0; //是否实名

      // 0 选择实名 1 必须实名
      this.form.partnerJianjie = data.appNotes; //租户简介
      this.form.partnerState = data.appState || 0; //租户状态
      this.form.level = data.enabledLevel || 0; //是否开启层级关系
      this.form.partnerStyleId = data.appStyle || 0; //后台风格设置
      this.form.appLoginAddress = data.appLoginAddress; //APP后台登录地址
      this.form.adminLoginAddress = data.adminLoginAddress; //后台登录地址

      this.form.withdrawState = data.withdrawalState; //提现状态 0开启  1关闭
      this.richText.withdrawContent = data.withdrawalDisenableContent; //提现状态关闭富文本
      this.richText.PartnerContent = data.appDisenableContent; //租户状态关闭富文本
      //
      this.Network = "http://" + window.location.host;
      // if (data.adminLoginAddress) {
      //   this.Network = data.adminLoginAddress;
      // } else {

      //   console.log(window.location.host, "999");
      // }
      this.fileList1 = [];
      this.fileList = [];
      if (data.appLogoUrl != "" || data.appLogoUrl != null) {
        this.fileList.push({ url: data.appLogoUrl, name: "logoname" }); // 租户LOGO
      }
      if (
        data.loginBackgroundImageUrl != "" ||
        data.loginBackgroundImageUrl != null
      ) {
        this.fileList1.push({
          url: data.loginBackgroundImageUrl,
          name: "background",
        }); // 登录页背景图
      }
      //自有域名
      this.url = `${this.Network}/login?redirect=%2Findex&yqm=${this.Invitation}`;
      this.AppUrl = `http://mm.91weiduan.cn/#/?invitationCode=${this.Invitation}`;
    },
    // 基础设置确定按钮
    submitForm() {
      // console.log(this.form.field103,'提现账户设置的参数')
      this.$refs["elForm"].validate((valid) => {
        if (valid) {
          console.log(this.bagkroundimges, "555444");

          // if (this.form.field103[0] == "" || this.form.field103[1] == "") {
          //   this.$message({
          //     message: "提现账户设置不可为空",
          //     type: "warning",
          //   });
          // }

          if (this.form.id) {
            let editParam = {
              appLogoUrl: this.imgesLOGO, //平台LOGO
              // userId: this.userId, //用户id
              intoPattern: this.form.field101, //邀请码
              loginBackgroundImageUrl: this.bagkroundimges, //背景LOGO
              appName: this.form.partnerName, //租户名称
              defaultRate: this.form.field102, //默认费率
              // withdrawalAccount: this.form.field103[1], //提现账户设置
              realNameAuth: this.form.field104, //是否实名
              appNotes: this.form.partnerJianjie, //租户简介
              appState: this.form.partnerState, //租户状态
              enabledLevel: this.form.level, //是否开启层级关系
              adminStyle: this.form.partnerStyleId, //后台风格设置
              id: this.form.id, //是否属于新增  有ID就是修改 ，没有ID就是新增
              // appLoginAddress: this.form.appLoginAddress, //app后台登录地址
              // adminLoginAddress: this.form.adminLoginAddress, //后台登录地址

              // withdrawalType: this.form.field103[0] + "", //提现类型  3记账本 1银联 2支付宝
              withdrawalState: this.form.withdrawState, //提现状态 0开启  1关闭
              withdrawalDisenableContent: this.richText.withdrawContent, //提现状态关闭富文本
              appDisenableContent: this.richText.PartnerContent, //租户状态关闭富文本
            };
            console.log(editParam, "7788");
            // if (this.imgesLOGO != "") {
            //   editParam.appLogoUrl = this.imgesLOGO;
            // }
            // if (this.bagkroundimges != "") {
            //   editParam.loginBackgroundImageUrl = this.bagkroundimges;
            // }
            editAPI(editParam).then((res) => {
              console.log(res, "修改结果");
              if (res.code == 200) {
                this.$message({
                  message: "提交成功,需重新登录生效",
                  type: "success",
                });
                this.getData();
              } else {
                this.$message.error("提交失败");
              }
            });
          } else {
            let param = {
              sysCommonConfig: {
                appLogoUrl: this.imgesLOGO, //平台LOGO
                loginBackgroundImageUrl: this.bagkroundimges, //背景LOGO
                // userId: this.userId, //用户id
                intoPattern: this.form.field101, //邀请码
                appName: this.form.partnerName, //租户名称
                defaultRate: this.form.field102, //默认费率
                // withdrawalAccount: this.form.field103[1] + "", //提现账户设置
                realNameAuth: this.form.field104, //是否实名
                appNotes: this.form.partnerJianjie, //租户简介
                appState: this.form.partnerState, //租户状态 0开启  1关闭
                enabledLevel: this.form.level, //是否开启层级关系
                adminStyle: this.form.partnerStyleId, //后台风格设置
                appLoginAddress: this.form.partnerStyleId, //app后台登录地址
                adminLoginAddress: this.form.adminLoginAddress, //后台登录地址
                // withdrawalType: this.form.field103[0] + "", //提现类型  0记账本 1银联 2支付宝
                withdrawalState: this.form.withdrawState, //提现状态 0开启  1关闭
                withdrawalDisenableContent: this.richText.withdrawContent, //提现状态关闭富文本
                appDisenableContent: this.richText.PartnerContent, //租户状态关闭富文本
              },
            };
            console.log(param, "给后端传递的参数");
            comnonConfig(param).then((res) => {
              console.log(res, "提交结果");
              if (res.code == 200) {
                this.$message({
                  message: "提交成功,需重新登录生效",
                  type: "success",
                });
                this.getData();
              } else {
                this.$message.error("提交失败");
              }
            });
          }
        }
        // TODO 提交表单
      });
    },

    actionUrl() {
      return "";
    },
    // 租户LOGO上传图片
    handleChange(file, fileList) {
      if (this.fileList.length >= 0) {
        this.fileList = [];
      }
      this.fileList.push(file);

      console.log(file, "1111");

      let formData = new FormData();
      // formData.append("avatarfile", file.raw);
      formData.append("file", file.raw);

      upload(formData).then((data) => {
        console.log(data, "222");
        // this.imgesLOGO = data.url;
        // this.imgesLOGO = "http://mao.91weiduan.cn"+data.fileName;
        this.imgesLOGO = this.$situation.dizhi + data.fileName;
        // this.form.partnerLogo = data.imgUrl;
      });
    },
    // 取消图片的函数
    handleRemove(file, fileList) {
      // this.imgesLOGO = "http://192.168.31.130/static/img/profile.473f5971.jpg";
      this.imgesLOGO = "";
      this.fileList = [];
    },
    // 登录页背景图上传图片
    handleChange1(file, fileList) {
      if (this.fileList1.length >= 0) {
        this.fileList1 = [];
      }
      this.fileList1.push(file);

      console.log(file, "1111");

      let formData = new FormData();

      // formData.append("avatarfile", file.raw);
      formData.append("file", file.raw);

      console.log(this.fileList1, "333");

      upload(formData).then((data) => {
        console.log(data, "222");
        // this.bagkroundimges = data.url;
        // this.bagkroundimges = "http://mao.91weiduan.cn"+data.fileName;
        this.bagkroundimges = this.$situation.dizhi + data.fileName;
        // this.form.partnerLogo = data.imgUrl;
      });
    },
    // 新增版本上传
    VersionChang(file, fileList) {
      if (this.VersionChangList.length >= 1) {
        this.VersionChangList = [];
      }
      this.VersionChangList.push(file);

      console.log(file, "1111");

      let formData = new FormData();

      // formData.append("avatarfile", file.raw);
      formData.append("file", file.raw);

      console.log(this.VersionChangList, "333");
      this.VersionData = formData;
    },
    // 取消图片的函数
    VersionRemove(file, fileList) {
      this.VersionChangList = [];
    },
    // 取消图片的函数
    handleRemove1(file, fileList) {
      // this.bagkroundimges ="http://121.40.114.220/wp-content/uploads/2016/09/yiduoyun.jpg";
      this.bagkroundimges = "";
      this.fileList1 = [];
    },

    applicationForm() {
      let _this = this;
      let clipboardEl = new clipboard(".applicationFormNum"); // 类名
      clipboardEl.on("success", function (e) {
        _this.$message({
          message: "复制成功",
          type: "success",
        });
        clipboardEl.destroy();
      });
      clipboardEl.on("error", function (e) {
        _this.$message.error("复制失败");
        clipboardEl.destroy();
      });
    },
  },
  watch: {
    // form:{
    //     deep:true,
    //     handler:function(newVal,oldVal){
    //          console.log(newVal,'1111')
    //     console.log(oldVal,'2222')
    //     }
    // }
  },
  components: {
    quillEditor,
  },
};
</script>
<style scoped lang="scss">
.TiLengthBoxText {
  font-size: 14px;
  font-weight: 550;
}
//协议说明
.protocol_titlem_Box {
  margin-top: 30px;
  font-weight: 550;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  // margin: 0px auto;
}
.protocol_button_Box {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px #eee solid;
  padding-bottom: 30px;
}
//网络配置

.jxym_box {
  height: auto;
  padding: 30px 20px;
  // border: 1px red solid;
  background: rgb(245, 245, 245);
  border-radius: 10px;
  .jxym_top_box {
    // border: 1px red solid;
    // height: 10px;
    font-size: 15px;
  }
  .jxym_center_box {
    // border: 1px red solid;
    height: auto;
    padding: 0px;
    margin-bottom: -5px;
    img {
      margin-left: 500px;
    }
  }
  .jxym_bottom_box {
    // border: 1px red solid;
    // height: 10px;
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 15px;
    .jxym_bottom_1_box {
      width: 650px;
      border: 1px #eee solid;
      background: rgb(252, 252, 252);
      height: 100px;
      padding: 10px;
      border-radius: 10px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      .jxym_bottom_1_ckjc_box {
        color: #409eff;
        cursor: pointer;
        text-decoration: underline;
        font-size: 14px;
      }
    }
    .jxym_bottom_2_box {
      // width: 10px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .jxym_bottom_3_box {
      border-radius: 10px;
      width: 500px;
      height: 100px;
      border: 1px #eee solid;
      background: #fff;
      display: flex;
      justify-content: space-between;
      padding: 10px;
      .jxym_bottom_3_left_box {
        width: 20%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        //  border: 1px red solid;
      }
      .jxym_bottom_3_rigth_box {
        width: 70%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        // border: 1px red solid;
        // padding: 10px;
        .jxym_bottom_3_rigth_input_box {
          width: 100%;
          display: flex;
        }
      }
    }
    .jxym_bottom_4_box {
      width: 350px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

//短信接口设置
.shortLetter_Box {
  margin-bottom: 20px;
  .shortLetter_name_Box {
    // border: 1px red solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .shortLetter_name_left_Box {
      //  border: 1px red solid;
      display: flex;
      align-items: center;
      .shortLetter_name_img_Box {
        height: 20px;
        width: 5px;
        margin-right: 5px;
        border-radius: 5px;
        background: #409eff;
      }
      .shortLetter_name_text_Box {
        font-weight: 550;
      }
    }
    .shortLetter_name_right_Box {
      display: flex;
      align-items: center;
    }
  }
  .shortLetter_input_main_Box {
    //  border: 1px red solid;
    border-top: 1px #eee solid;
    margin-top: 10px;
    padding: 20px 0px;
    // .shortLetter_input_Box {
    //   // border: 1px red solid;
    //   // margin-top: 10px;
    // }
  }
}
.toggleTitleArrBox {
  display: flex;
  margin-bottom: 25px;
  .toggleTitleArr_name_Box {
    //  border: 1px red solid;
    cursor: pointer;
    margin-right: 30px;
    color: #9a9a9a;
    font-size: 15px;
    .toggleTitleArr_name {
      font-size: 15px;
      color: rgb(24, 144, 255);
      border-bottom: 2px rgb(24, 144, 255) solid;
      padding-bottom: 10px;
      // border: 1px red solid;
    }
  }
}
.xhxBox {
  height: 5px;
  margin-bottom: 20px;
  border-top: 1px #eee solid;
}
.jcstyleBox {
  // border: 1px red solid;
  width: 55%;
  margin: 0 auto;
}
.jcszBox_bottom {
  // border: 1px red solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
//APP样式设置
.APP_Box {
  // border: 1px red solid;
  display: flex;
  flex-direction: column;
  .APP_Box_img {
    // border: 1px red solid;
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    // justify-content: space-evenly;
    .APP_Box_img_box {
      width: 24%;
      border: 1px #eee solid;
      border-radius: 10px;
      padding: 20px 0px;
      display: flex;
      margin-right: 10px;
      margin-top: 10px;
      // flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      // justify-content: flex-start;
      // flex-direction:row-reverse;
      .titmeBox {
        display: flex;
        justify-content: center;
        // align-content: center;
        margin-bottom: 10px;
        //  border: 1px red solid;
      }
      .titme_img_Box {
        // border: 1px red solid;
        width: 100%;
        display: flex;
        justify-content: center;
        .poImg {
          height: 350px;
        }
      }
    }
  }
}
//pc样式设置
.PC_Box {
  // border: 1px red solid;
  display: flex;
  flex-direction: column;
  .APP_Box_img {
    // border: 1px red solid;
    // margin-bottom: 10px;
    padding-bottom: 25px;
    width: auto;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    // justify-content: center;
    // justify-content: space-between;
    .APP_Box_img_box {
      width: 31.4%;
      border: 1px #eee solid;
      border-radius: 10px;
      padding: 20px 0px;
      display: flex;
      margin: 0px 15px 30px 15px;
      // flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      // justify-content: flex-start;
      // flex-direction:row-reverse;
      .titmeBox {
        display: flex;
        justify-content: center;
        // align-content: center;
        margin-bottom: 10px;
        //  border: 1px red solid;
      }
      .titme_img_Box {
        // border: 1px red solid;
        width: 100%;
        display: flex;
        justify-content: center;
        .poImg {
          width: 100%;
          // height: 100px;
        }
      }
    }
    .APP_Box_img_box2 {
      margin: 0px 15px 30px 15px;
      width: 31.4%;
      border: 2px rgb(24, 144, 255) solid;
      border-radius: 10px;
      padding: 20px 0px;
      display: flex;
      // flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      // justify-content: flex-start;
      // flex-direction:row-reverse;
      .titmeBox {
        display: flex;
        justify-content: center;
        // align-content: center;
        margin-bottom: 10px;
        //  border: 1px red solid;
      }
      .titme_img_Box {
        // border: 1px red solid;
        width: 100%;
        display: flex;
        justify-content: center;
        .poImg {
          width: 100%;
        }
      }
    }
  }
  .PC_Box_Botton {
    margin-top: 50px;
    // border: 1px red solid;
    margin-bottom: 5vh;
    display: flex;
    justify-content: center;
  }
  .PC_xzShow_Box {
    // border:1px red solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    .PC_xzShow_img_Box {
      // border: 1px red solid;
      display: flex;
      align-items: center;
      justify-content: center;
      .poImg {
        height: 15px;
        margin-right: 5px;
      }
    }
  }
}
//弹窗在屏幕中间
::v-deep .el-dialog__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
::v-deep .el-dialog:not(.is-fullscreen) {
  margin-top: 0vh !important;
}
.myQuillEditor {
  // border:1px red solid;
  height: 500px;
}
.buttonstyle {
  margin: 90px 0px;
  width: 100px;
}
.inputWidth {
  // width: 310px;
  width: 100%;
}
.app-container {
  .title {
    padding: 0px 0px 6px 0px;
    margin: 5px 0px 13px 0px;
    height: 50px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    // border: 1px red solid;
    img {
      height: 30px;
      margin-right: 10px;
    }
  }
}
.topDiv {
  padding: 0px 20px;
  overflow: hidden;
  height: auto;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5px;

  .poR {
    position: relative;
    .poA {
      position: absolute;
      left: 50%;
      bottom: -30px;
      transform: translateX(-50%);
    }
    .poDiv {
      border: 1px solid #40a0ff00;
      border-radius: 5px;
      padding: 15px;
      .poImg {
        width: 100%;
        // border: 1px red solid;
      }
    }
    .isActive {
      border: 1px solid #409eff;
    }
  }
  .textData {
    background-color: rgb(245, 245, 245);
    padding: 20px;
    border-radius: 7px;
    border: 1px red solid;
    .colDiv {
      background-color: rgb(252, 252, 252);
      border: 1px solid rgb(230, 230, 230);
      padding: 20px;
    }
    .colDiv2 {
      display: flex;
      //  align-content: center;
      align-items: center;
      .btn22 {
        margin-top: 15px;
        width: 200px;
        //  height: 30px;
      }
      // background-color: rgb(252, 252, 252);
      // border: 1px solid rgb(230, 230, 230);
      // padding: 20px;
    }
  }
}
</style>
